<!DOCTYPE html>
<html>
<head>
    <title></title>
    <style type="text/css">
        #particles-js {
            background: cornflowerblue;
        }
    </style>
    <script src="https://cdn.jsdelivr.net/particles.js/2.0.0/particles.min.js"></script>
</head>
<body>
    <div id="particles-js"></div>
    <script type="text/javascript">
        particlesJS('particles-js',
                    {
                        "particles": {
                            "number": {
                            "value": 100
                        },
                        "shape": {
                            "type": "circle"
                        },
                        "size": {
                            "value": 10,
                            "random": true
                        },
                        "line_linked": {
                            "enable": false
                        },
                        "move": {
                            "enable": true,
                            "speed": 2,
                            "direction": "bottom",
                            "straight": false
                        }
                    },
                    "interactivity": {
                       
                        }
                    }
                );        
    </script>
</body>
</html>